<!DOCTYPE html>
<!-- saved from url=(0065)https://www.17sucai.com/preview/943199/2017-12-09/form/index.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>欢迎进入《Automation》</title>


    <link rel="stylesheet" href="../static/index_files/style.css">
    <link href="toastr.css" rel="stylesheet"/>
    <script src="toastr.js"></script>

</head>

<body class="on-start">
<main>
    <form class="form">
        <div class="form__cover"></div>
        <div class="form__loader">
            <div class="spinner active">
                <svg class="spinner__circular" viewBox="25 25 50 50">
                    <circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4"
                            stroke-miterlimit="10"></circle>
                </svg>
            </div>
        </div>
        <div class="form__content">
            <h1>Automation</h1>
            <div class="styled-input">
                <input type="text" class="styled-input__input" id="nickname">
                <div class="styled-input__placeholder">
                    <span class="styled-input__placeholder-text"><span class="letter">U</span><span
                            class="letter">s</span><span class="letter">e</span><span class="letter">r</span><span
                            class="letter">n</span><span class="letter">a</span><span class="letter">m</span><span
                            class="letter">e</span></span>
                </div>
                <div class="styled-input__circle"></div>
            </div>
            <div class="styled-input">
                <input type="text" class="styled-input__input" id="password">
                <div class="styled-input__placeholder">
                    <span class="styled-input__placeholder-text"><span class="letter">P</span><span
                            class="letter">a</span><span class="letter">s</span><span class="letter">s</span><span
                            class="letter">w</span><span class="letter">o</span><span class="letter">r</span><span
                            class="letter">d</span></span>
                </div>
                <div class="styled-input__circle"></div>
            </div>
            <button type="button" class="styled-button" onclick="login()">
                    <span class="styled-button__real-text-holder">
                        <span class="styled-button__real-text">Login</span>
                        <span class="styled-button__moving-block face">
                            <span class="styled-button__text-holder">
                                <span class="styled-button__text">Login</span>
                            </span>
                        </span><span class="styled-button__moving-block back">
                            <span class="styled-button__text-holder">
                                <span class="styled-button__text">Login</span>
                            </span>
                        </span>
                    </span>
            </button>
        </div>

    </form>
</main>

<script src="../static/index_files/index.js"></script>


</body>
</html>